.page{
    width: 100%;
    overflow-x: hidden;
}
.head {
  width: 100%;
  height: 200rpx;
  display: flex;
  background: #fff;
  align-items:center;
  padding: 0 28rpx;
}
.head_content{
  display: flex;
  flex-direction: row;
  height: 120rpx;
  align-items: center;
  width: 100%
}

.head .face {
  width: 150rpx;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: transparent;
}
.head .face::after{
    border: none;
}

.head .face image {
  width: 120rpx;
  height: 120rpx;
  border-radius:100%;

}

.nickname {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: 46rpx;
  color: #333;
}
.nickname view{
  text-align: left;
  line-height: 2;
}
.nickname .slogan{
  font-size: 24rpx;
  color: #999;
}

.list {
  margin-top: 20rpx;
  padding-left:12px;
  background: #fff;
}

.item {
  height: 120rpx;
  display: flex;
  flex-direction: row;
  margin-top:1rpx;
  border-bottom: 1px solid rgba(221, 221, 221, .3);
}
.item.last{
    border: none;
}

.item .icon {
  padding-left:6rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 60rpx;
}
.item .packet {
  width: 42rpx;
  height: 42rpx;
  background: url(http://img1.birdback.org/a/03/b3/03b32f027c03b8e4e6547097b6a332ca.png)no-repeat;
  background-size: 100% 100%;
}
.item .poi {
  width: 42rpx;
  height: 42rpx;
  background: url(http://img1.birdback.org/a/6f/b8/6fb850093c47ecf9e691df869f004e13.png)no-repeat;
  background-size: 100% 100%;
}

.item .contact{
    width: 42rpx;
    height: 42rpx;
    background: url(http://img1.birdback.org/a/39/ef/39ef05087c2dab8edeca9f4bd9ea7be9.png) no-repeat;
    background-size: 100% 100%;
}

.item .feedback {
  width: 42rpx;
  height: 42rpx;
  background: url(http://img1.birdback.org/a/c6/bc/c6bcc02dcf8898f2c38ba6e5531ec882.png)no-repeat;
  background-size: 100% 100%;
}

.item .text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  font-size: 30rpx;
  color: #333;
}

.item .text icon {
  margin:0 24rpx;
}
.item .gray_text{
    border:none;
    color: #999;
    font-size: 26rpx;
    text{
        color: #FF2C2B;
    }
}
.outLogin{
    background: #fff;
    color: #333;
    font-size: 30rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:60rpx;
    height:120rpx;

}
.feedback-innder{
  width: 30rpx;
  height: 30rpx;
  background: url(http://img1.birdback.org/a/64/40/64406913f8f48b6c44649373ae18dcf0.png)no-repeat;
  background-size: 100% 100%;
}
.phone{
  width: 34rpx;
  height: 34rpx;
  background: url(http://img1.birdback.org/a/d2/db/d2dbef38d2057f802df31f9e95a96a2d.png)no-repeat;
  background-size: 100% 100%;
}
 button.item{
    padding:0;
    border: none;
 }
 .shadow_out{
   .item{
     padding-left: 24rpx;
   }
   
   .bottom_fixed{
     height: 240rpx;
   }
 }
 .badge_out{
   position: relative;
 }
 .badge{
    width: 60rpx;
    height: 28rpx;
    color: #FF4F54;
    font-size: 20rpx;
    background: rgba(255, 79, 84, 0.15);
    border-top-left-radius:60rpx;
    border-top-right-radius:100rpx;
    border-bottom-right-radius:100rpx;
    border-bottom-left-radius:0rpx;
    position: absolute;
    right: -60rpx;
    top:-6rpx;
    line-height: 1.4;
 }
 .red_bg_text{
     height: 40rpx;
     width: 324rpx;
     border-radius: 8rpx;
     background: linear-gradient(to right, #FF8538, #FF1F1F);
     line-height: 31rpx;
     color: #fff;
     view{
         margin-right: 10rpx;
     }
     margin-right: 24rpx;
 } 